<style>
	body{
		background-color:#F4F3F3;
		font-family: "PingFangSC-Regular";
	}
	.choicenessList{
		margin-bottom:1rem; 
		/*padding-top: 1rem;*/
	}
	.chicenessContent{
		height:100%;
		/*min-height: 12.3rem;*/
		position: fixed;
		top: 0;
		bottom: 0;
	}
	.chicenessGroup {
		display: block;
		color:#000; 	
	}
	.chicenessGroup:hover {
		text-decoration: none;
		cursor: pointer;
	}
	.chicenessGroup:link {
		text-decoration: none;
	}
	div.numDate{
		text-align: center;
		margin-bottom:0.21rem; 
		
	}
	div.numDate>span{
		display: block;
		width:1.8rem;
		height:0.47rem;
		color:#fff;
		font-size:0.25rem;
		background-color:#D3D2D3; 
		opacity: 0.61;
		border-radius:1rem;
		line-height:0.47rem;
		margin:0.69rem auto 0;
	}
	div.chicenessMain{
		background-color: #fff;
		padding:0.27rem 0.27rem 0;
		margin:0 0.23rem 0;
		text-decoration: none;
		outline: none; 
	}	  
	div.titleImg{
		font-size:0.25rem;
		text-align:left;		
		position:relative;
	}  
	div.titleImg>h3{
		font-weight: normal;
		font-family: "PingFangSC-Regular"; 
		margin:0 0.05rem 0.6rem ;
		font-size:0.36rem;
	}

	div.titleBottom {
		font-size:0.28rem; 
		line-height:1.14rem;  
		font-family: "PingFangSC-Regular"; 
		margin:0 0.05rem 0;
		border-top:1px solid #F2F2F2; 
	}
	.icon{
		font-family: "PingFangSC-Regular";
		color: #333333;
	}	
	.readNum{

		float:right;
		color:#C8C8C8;
	}	
	div.titleBottom span.numDate{
		color:#A3A3A3;;
	}
	/* 驿站精选底部广告 html样式已注释隐藏*/
	span.advertisement{
		font-size:0.2rem;
		background-color:#f3f3f3;
		color:#33CCFF;
		margin:0.05rem;
		padding: 2px 3px;
		border:1px solid #33CCFF;
		position:absolute;
		top:0px;
		right:0px;
	} 
	.readNum img{
		margin-left:0.2rem;
		width:0.12rem;   
	}    
	/* 当传过来数据为空时显示图片 */
	.chicenessGroup.titleImg{
		margin:0 0.2rem 0;
		text-align: center;
	}
	.media-object{
		margin-top:4.5rem;
	}
	.chicenessGroup.titleImg div{
		color:#ACACAC;

	}  
	.noDate{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;

	}
</style>
<div class="chicenessContent scroll-wrap"  > 
	<!-- 精选列表 -->
	<div class="choicenessList scroll-body ">

		<a ng-click=readCount(list.requestUrl,list.id,list.type,list.adSlotId)  ng-repeat="list in dataList track by $index" class="chicenessGroup" ng-show="dataList.length">
			<div class="numDate" >
				<span ng-show="list.type==1">{{list.messageTime}}</span>
			</div> 
			<div class="chicenessMain">
				<div class="titleImg">
					<img   ng-src="{{list.messageIcon}}" width="100%" />
					<span class="advertisement" ng-show="list.type==2">广告</span>
					<h3 ng-show="list.type==1">{{list.messageTitle}}</h3>
				</div>
				<div class="titleBottom" ng-show="list.type==1">
					<span class="icon">{{list.channelName}}</span>
					<span class="readNum" >{{list.readCount}}阅读 <img src="res/img/arrowgt.png"></span> 
				</div>
			</div>
		</a>
	</div>
	<!-- 列表没数据时显示图片 -->
	
	<lazy-load data='paging'></lazy-load>
</div>
<div class="chicenessGroup titleImg noDate" ng-show="!showNodata">
			<img class="media-object" width='80%'  ng-src="res/img/message_empty_state.png" />
			<div>暂时没有消息哦~</div>
</div>   
